CssJsHtml

vue.js if过滤 if多个值

2019/08/15 11:13 5617 次阅读 王梓
★ 打赏
✸ ✸ ✸

实现功能:

通过表单内每行根据status的数值,控制是否显示button。过滤数值的是一个数组列表。

              <el-button
                v-if=chenck_number(scope.row.status)
                size="mini"
                type="primary"
                @click="search_dada(scope.$index, scope.row)" round>达达查询</el-button>

实现方法:

data 中定义数组check_numbers,v-if控制button显示,关联方法chenck_number。

check_numbers: [0, 1, 2, 3, 4, 7, 8, 9, 20, 50]

      chenck_number(status) {
        let flag = false
        this.check_numbers.forEach(function (item, index) {
          if (item === status) {
            flag = true
            return true

          }
        });
        if (flag === true) {
          return true
        }
        return false
      },
✸ ✸ ✸

📜 版权声明

本文作者:王梓 | 原文链接:https://www.bthlt.com/note/11818227-CssJsHtmlvue.js if过滤 if多个值

出处:葫芦的运维日志 | 转载请注明出处并保留原文链接

📜 留言板

留言提交后需管理员审核通过才会显示